body:full-screen	{ 
	width: 100%;
}
body {
	padding-top: 80px;
	color:#767676;
    background:#f1f2f7;
    font-family:'Open Sans',sans-serif;
    font-size:13px;
    text-rendering:optimizeLegibility;
}

a{
	color:#63b42f !important;
}

.white, .white a {
  color: #fff;
}

::selection {
	color:#fff;
	background: #63b42f; /* Safari */
}

.bghitam{
	background-color:#2A3542;
}

.bgputih{
	background-color:#fff;
}

.abu{
	background-color:#ccc;
}

/* Halaman */
#bungkus {
    width: 100%;
	background-color:#2A3542;
}

#page-wrap {
	padding: 20px 15px;
    /*min-height:580px;*/
    /*min-height:688px;*/
    height:auto;
	background-color:#F1F2F7;
}

@media(min-width:768px) {
    #page-wrap {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 15px 15px;
        min-height: 1000x;
        border-left: 1px solid #e7e7e7;
    }
}

/* Widget */	
.kotakwidget{
	border:none !important;
}

.kepalakotakwidget{
	background-color:#FAFAFA !important;
	background-position:initial initial;
	background-repeat:initial initial;
	border-color:#EFF2F7 !important;
	color:#767676 !important;
	font-size:18px;
	font-weight:400;
	padding:10px;
}

.widgetstatus{
	min-height:164px;
}

.judulwidget{
	color:#AFAEBC;
	font-size:16px;
	margin:0 0 10px;
	text-align:center;
	text-transform:uppercase;
}

.isiwidget{
	border-bottom-color:#AEC785;
	border-bottom-style:solid;
	border-bottom-width:2px;
	height:111px;
	margin-top:20px;
	position:relative;
}

.metawidget{
	padding-top:7px;
	color:#ccc;
}

.isimeta{
	position:relative;
	top:3px;
	display:inline-block;
}

/* Navigasi Atas */
.navatas{
	background-color:#fff;
	border:none;
	height:80px;
}

.navatas-link{
	padding-top:15px;
}

.brand-logo{
	background-color:#63b42f !important;
	width:250px;
	height:80px;
	padding:10px 0px;
}

/* Sidebar Menu Styles */

/*.bungkus-konten{
	padding-left:230px;
}*/

.navkiri{
	position:fixed !important;
	position: absolute;
	left: 0;
	height: 100%;
}

.navkiri li a{
	width:240px;
	font-size:13px;
	color:#AEB2B7;
}

.navkiri li a:hover{
	color:#63b42f;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}
.active > a > .fa.arrow:before {
    content: "\f107";
}

.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding-left: 37px;
}

.nav-third-level li a {
    padding-left: 52px;
}

@media(min-width:768px) {
    .navbar-static-side {
        z-index: 1;
        position: absolute;
        width: 250px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

.nav > li > a:hover{
	background-color:#35404D;
}

.naf > li > a{
	background-color:#35404D;
}

.naf > li > a:hover{
	background-color:#35404D;
}

li.aktif > a{
	background-color:#19222e;
	color:#63b42f;
}

.aktifsekarang{
	color:#63b42f;
}

/* Animasi Loading */
#preloader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #e4e7ea; 
   z-index: 10000; 
}

#status {
   width: 80px;
   height: 80px;
   position: absolute;
   left: 50%; 
   top: 50%;
   margin: -15px 0 0 -15px;
   font-size: 32px;
}

.spinner {
  width: 80px;
  height: 80px;
  background: url(../elba.png);
  background-size:80px 80px;

  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/* INPUT FILE */
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: inherit;
    display: block;
}
input[readonly] {
	background-color: white !important;
	cursor: text !important;
	
	border: 1px solid #ddd;
	border-radius: 2px;
	-webkit-box-shadow: none;
    box-shadow:  none;
	-webkit-transition:  none;
    transition:  none;
	font-size:13px;
}
input[readonly]:focus{
	border-color: #63b42f;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.namabayar{
	color:#63b42f;
}

.tabel-pointer{
	cursor:pointer;
}

.colorize{
    font-weight:bold !important;
	color:red !important;
}

/* Login */
.masuk{			
	background: url(../images/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}
.masuk-bg::after{

}
.masuk-heading{
	background-color: transparent !important;
	border-color: transparent !important;
	color:#fff !important;
}

.masuk-panel-kanan{
	border-color: transparent !important;
	background-color: transparent !important;
}

.masuk-panel-kiri{
	margin-top:50px;
	color:#fff;
}

.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 30px;    
}
.left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
}
.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 5px 9px;
    pointer-events: none;
	opacity:0.5;
}
.kontrol-form:focus + .glyphicon{
	color:#000;
}
.ikon{
	z-index:100;
}

.kontrol-form{
	background-color: transparent !important;
	color:#fff;
	border-radius:0px;
}
.kontrol-form:focus{
	border-color: #ccc;
	background-color:#fff !important;
	opacity: 0.7;
	-webkit-box-shadow: none;
    box-shadow: none;
	color:#000;
}

.kontrol-form::-moz-placeholder {
  color: #fff;
  opacity: 0.5;
}
.kontrol-form::-ms-input-placeholder {
  color: #fff;
  opacity: 0.5;
}
.kontrol-form::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.5;
}
.kontrol-form:focus::-moz-placeholder {
  color: #000;
  opacity: 0.5;
}
.kontrol-form:focus::-ms-input-placeholder {
  color: #000;
  opacity: 0.5;
}
.kontrol-form:focus::-webkit-input-placeholder {
  color: #000;
  opacity: 0.5;
}
.tombol{
	border-radius:0px;
	opacity: 0.8;
}
.tmb_panel_head{
	margin-top: -13px;
}
.navbawah{
	border-top:none;
	background-color: transparent !important;
	color:#e8e8e8;
}
.tmb-tambah{
	padding: 0px 2px 0px 2px;
}
.tmb-utama{
	background-color:#63b42f;
	border-color:#63b42f;
	color:#fff;
	border-radius:2px !important;
}
.tmb-utama:hover{
	background-color:#59a029;
	border-color:#59a029;
	color:#fff;
}
.tmb-utama:focus{
	background-color:#59a029;
	border-color:#59a029;
	color:#fff;
	outline:none;
}
.tmb-utama-kotak{
	background-color:#63b42f;
	border-color:#63b42f;
	color:#fff;
	border-radius:0px !important;
}
.tmb-utama-kotak:hover{
	background-color:#59a029;
	border-color:#59a029;
	color:#fff;
}
.tmb-utama-kotak:focus{
	background-color:#59a029;
	border-color:#59a029;
	color:#fff;
	outline:none;
}
.tmb-kedua{
	background-color:#bdc0c1;
	border-color:#bdc0c1;
	color:#fff;
	border-radius:2px !important;
}
.tmb-kedua:hover{
	background-color:#a4a6a8;
	border-color:#a4a6a8;
	color:#fff;
}
.tmb-kedua:focus{
	background-color:#a4a6a8;
	border-color:#a4a6a8;
	color:#fff;
	outline:none;
}
.tmb-ketiga{
	background-color:#fe8402;
	border-color:#fe8402;
	color:#fff;
	border-radius:2px !important;
}
.tmb-ketiga:hover{
	background-color:#fc6602;
	border-color:#fc6602;
	color:#fff;
}
.tmb-ketiga:focus{
	background-color:#fc6602;
	border-color:#fc6602;
	color:#fff;
	outline:none;
}
.cari-form{
	background-color: #fff !important;
	color:#000;
	-webkit-box-shadow: none;
    box-shadow: none;
	-webkit-transition: none;
    transition: none;
}
.cari-form:focus{
	opacity: 0.7;
	-webkit-box-shadow: none;
    box-shadow: none;
}

.cari-form::-moz-placeholder {
  color: #000;
  opacity: 0.5;
}
.cari-form::-ms-input-placeholder {
  color: #000;
  opacity: 0.5;
}
.cari-form::-webkit-input-placeholder {
  color: #000;
  opacity: 0.5;
}
.cari-form:focus::-moz-placeholder {
  color: #000;
  opacity: 0.5;
}
.cari-form:focus::-ms-input-placeholder {
  color: #000;
  opacity: 0.5;
}
.cari-form:focus::-webkit-input-placeholder {
  color: #000;
  opacity: 0.5;
}
.form-elba{
	border: 1px solid #ddd;
	border-radius: 2px;
	-webkit-box-shadow: none;
    box-shadow:  none;
	-webkit-transition:  none;
    transition:  none;
	font-size:13px;
}

.form-elba:focus{
	border-color: #63b42f;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.label-elba{
	font-weight:normal;
}
.close-modal{
	border-bottom-left-radius:3px !important;
	border-bottom-right-radius:3px !important;
	border-top-left-radius:3px !important;
	border-top-right-radius:3px !important;
	font-size:12px !important;
	line-height:1.5 !important;
	padding:1px 5px !important;
	color:#fff !important;
	font-weight:normal !important;
	position:relative !important;
	right:0 !important;
	top:0 !important;
}
.var-modal{
	color:#63b42f;
}
.p-modal{
	line-height:24px;
	font-size:13px;
	/*font-weight:bold;*/
}
.isi-modal{
	margin-top:20px;
}
input[type="radio"], input[type="checkbox"] {
  margin:0;
}
.label-hijau{
	background-color:#63b42f;
}
.label-merah{
	background-color:#FF6C60;
}
.t-hijau{
	color:#A9D86E;
}
.t-hijau-dark{
	color:#63B42F;
}
.t-merah{
	color:#FF6C60;
}
.t-abu2{
	color:#ccc;
}
.b-putih{
	background-color:white;
}
.b-hijau-muda{
	background-color:#f9fff4;
}
.b-merah-muda{
	background-color:#FF6C60;
}
.form-control[disabled], /*.form-control[readonly], */fieldset[disabled] .form-control {
  background-color:#f9fff4 !important;
  border:#ddd solid 1px !important;
  cursor:auto !important;
  opacity:1 !important;
}
.group-addon-elba{
	font-size:13px;
	color:#999;
	border-color:#ddd;
	border-radius: 2px;
}
.group-addon-elba-tengah{
	font-size:13px;
	color:#999;
	border-color:#ddd;
	border-radius: 2px;
	border-right:none;
	border-left:none;
}
.wali_kelas{
	font-size:13px;
	font-style:italic;
}
.highlight_row {
    color:#63B42F;
	font-style: italic;
	background-color:#ffffce !important;
	/*font-weight: 700;*/
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
	background-color:#ffffce;
}
.hover:hover tr, .hover:hover td, .hover:hover th {
	background-color:#ffffce;
}
.editorLink{
	color:transparent !important;
}
tr:hover .editorLink{
	color: #63B42F !important;
	text-decoration: none;
}
.no-hover:hover{
	background-color:none !important;
}
.reveal-modal{
	/*overflow-y: auto;*/
    /*position : fixed;*/
    margin-bottom: 40px;
}
.fixed{
	position: fixed;
}
.alert {
  border:1px solid transparent;
  border-bottom-left-radius:2px;
  border-bottom-right-radius:2px;
  border-top-left-radius:2px;
  border-top-right-radius:2px;
  margin-bottom:8px;
  padding:8px;
}
.aw-chart {
  position: relative;
  display: inline-block;
  width: 100px;
  height:100px;
  margin-left: 60px;
  text-align: center;
}
.aw-chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.ws-chart {
  position: relative;
  display: inline-block;
  width: 100px;
  height:100px;
  margin-left: 60px;
  text-align: center;
}
.ws-chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.ul-chart {
  position: relative;
  display: inline-block;
  width: 100px;
  height:100px;
  margin-left: 60px;
  text-align: center;
}
.ul-chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}
.percent {
  display: inline-block;
  line-height: 100px;
  z-index: 2;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}
.persentasi{
	position: absolute;
	left:4%;
}
#chart-sy-hari-ini{
	top:-2px;
	height:136px;
	width: 50%;
}
#chart-non-sy-hari-ini{
	top:-2px;
	height:136px;
	width: 50%;
}
.trans-sy{
	position:absolute;
	bottom:-30px;
	left:80px;
}
.trans-non-sy{
	position:absolute;
	bottom:-30px;
	right:46px;
	float:right;
}
.header-kanan{
	position:absolute;
	top:10px;
	right:20px;
}
.nama-login{
	font-size:25px;
}
.sebagai{
	position:absolute;
	bottom:27px;
	right:0px;
}
.waktu{
	font-size:40px;
}
.tanggal{
	position:absolute;
	bottom:-19px;
	right:0px;
	width:143px;
}
.deleteLink{
	color:#ccc;
}
.clearable{
  background:url(../images/clear.png) no-repeat right -13px center;
  transition: background 0.4s;
  padding:3px 20px 3px 4px;
}
.clearable.x{
  background-position: right 5px center;
}
.clearable.onX{
  cursor:pointer;
}

.tebal{
	font-weight:bold;
}
.foto_th{
	position:absolute;
	top:7px;
	right:19px;
	width:150px;
	border:1px solid #ccc;
	overflow:hidden;
}
.pilih-foto{
	position:absolute !important;
	right:0px;
	top:167px;
	width:148px;
	border-radius:0px !important;
	background-color:transparent;
	border-color:transparent;
	color:transparent;
}
.foto_th:hover > .pilih-foto{
	background-color: rgba(0, 0, 0, 0.3);
	border-color:transparent;
	color:#fff;
	font-weight:bold;
}
.lampiran{
	position:absolute;
	left:35px;
	top:230px;
	text-align:left;
}
.radioForm{
	margin:15px 0 -5px 3px;
}
.radioFormTop{
	margin:-5px 0 -5px 3px;
}
.kursor{
	cursor: pointer;
}
.cur_menu{
	margin-top: 15px;
	margin-left: 253px;
	font-size: 2rem;
	color: #63B42F;
}

/*CheckBox dan Radio Button*/

/* Hiding default checkbox and Radio button design */
input[type=checkbox],input[type=radio] {
    opacity: 0;
    position: absolute;
    z-index: 12;
    width: 18px;
    height: 18px;
}

/* Disable outline when clicked*/
input[type=checkbox]:checked,input[type=radio]:checked,input[type=checkbox]:focus,input[type=radio]:focus {
    outline: none !important;
}

input[type=checkbox]+.lbl,input[type=radio]+.lbl {
    position: relative;
    z-index: 11;
    display: inline-block;
    margin: 0;
    line-height: 20px;
    min-height: 14px;
    min-width: 14px;
    font-weight: normal;
}

input[type=checkbox]+.lbl.padding-16::before,input[type=radio]+.lbl.padding-16::before {
    margin-right: 16px;
}

input[type=checkbox]+.lbl.padding-12::before,input[type=radio]+.lbl.padding-12::before {
    margin-right: 12px;
}

input[type=checkbox]+.lbl.padding-8::before,input[type=radio]+.lbl.padding-8::before {
    margin-right: 8px;
}

input[type=checkbox]+.lbl.padding-4::before,input[type=radio]+.lbl.padding-4::before {
    margin-right: 4px;
}

input[type=checkbox]+.lbl.padding-0::before,input[type=radio]+.lbl.padding-0::before {
    margin-right: 0px;
}

/* Basic Checkbox styles */
input[type=checkbox]+.lbl::before {
  font-family: fontAwesome;
  font-weight: normal;
  font-size: 11px;
  color: #63B42F;
  content: "\a0";
  background-color: #FAFAFA;
  border: 1px solid #CCC;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 13px;
  line-height: 13px;
  min-width: 13px;
  margin-right: 1px;
  margin-top: -5px;
}

/* Checked state styles */
input[type=checkbox]:checked+.lbl::before{
  display: inline-block;
  content: '\f00c';
  background-color: #F5F8FC;
  border-color: #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05),inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

/* Hover state styles */
input[type=checkbox]:hover+.lbl::before,input[type=checkbox]+.lbl:hover::before {
  border-color: #63B42F;
}

/* Shadow when checked or Active */
input[type=checkbox]:active+.lbl::before,input[type=radio]:active+.lbl::before,input[type=checkbox]:checked:active+.lbl::before,input[type=radio]:checked:active+.lbl::before {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

/* Disabled state styles */
input[type=checkbox]:disabled+.lbl::before,input[type=checkbox][disabled]+.lbl::before,input[type=checkbox].disabled+.lbl::before {
  background-color: #DDD !important;
  border-color: #CCC !important;
  box-shadow: none !important;
  color: #BBB;  
}

/* Styles for Radio button */
#radioCustom input[type="radio"] {
   position:absolute;
   opacity: 0;
   -moz-opacity: 0;
   -webkit-opacity: 0;
   -o-opacity: 0;
   padding:10px;
}
#radioCustom input[type="radio"] + labelnya {
   position:relative;
   padding: 0 0 0 20px;
   line-height: 16px;
   bottom:7px;
   left:-22px;
}
#radioCustom input[type="radio"]:hover + labelnya:before {
	 border-color: #63B42F;
}
#radioCustom input[type="radio"]:disabled + labelnya:before,#radioCustom input[type="radio"][disabled] + labelnya:before {
	background-color: #DDD !important;
  	border-color: #CCC !important;
  	box-shadow: none !important;
  	color: #BBB;
}
#radioCustom input[type="radio"] + labelnya:before {
   content:"";
   display:block;
   position:absolute;
   top:2px;
   height: 14px;
   width: 14px;
   background-color: #FAFAFA;
   border: 1px solid #CCC;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: inset 0px 0px 0px 2px white;
   -moz-box-shadow: inset 0px 0px 0px 2px white;
   -o-box-shadow: inset 0px 0px 0px 2px white;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -o-border-radius: 8px;
}
#radioCustom input[type="radio"]:checked + labelnya:before {
   background: #63b42f;
}

/* Styles for Radio button */
#radioTable input[type="radio"] {
   position:absolute;
   opacity: 0;
   -moz-opacity: 0;
   -webkit-opacity: 0;
   -o-opacity: 0;
   padding:10px;
}
#radioTable input[type="radio"] + labelnya {
   position:relative;
   padding: 0 0 0 20px;
   line-height: 16px;
   bottom:7px;
   left:-22px;
}
#radioTable input[type="radio"]:hover + labelnya:before {
	 border-color: #63B42F;
}
#radioTable input[type="radio"]:disabled + labelnya:before,#radioCustom input[type="radio"][disabled] + labelnya:before {
	background-color: #DDD !important;
  	border-color: #CCC !important;
  	box-shadow: none !important;
  	color: #BBB;
}
#radioTable input[type="radio"] + labelnya:before {
   content:"";
   display:block;
   position:absolute;
   top:8px;
   left:4px;
   height: 14px;
   width: 14px;
   background-color: #FAFAFA;
   border: 1px solid #CCC;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
   -webkit-box-shadow: inset 0px 0px 0px 2px white;
   -moz-box-shadow: inset 0px 0px 0px 2px white;
   -o-box-shadow: inset 0px 0px 0px 2px white;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -o-border-radius: 8px;
}
#radioTable input[type="radio"]:checked + labelnya:before {
   background: #63b42f;
}

.half-col ul {list-style: none; margin-left: -58px;margin-top: 10px;}
.half-col li {overflow: hidden; display: block; margin-bottom: -5px;}

.baru,.th_lalu,.pindah{
	margin-top: 20px;
}
.table-borderLuar{
	border: 1px solid #DDDDDD;
}
/* for efek hover */
a {
  -moz-transition: color 500ms ease-in-out 0s, background-color 500ms ease-in-out 0s;
  -ms-transition: color 500ms ease-in-out 0s, background-color 500ms ease-in-out 0s;
  -o-transition: color 500ms ease-in-out 0s, background-color 500ms ease-in-out 0s;
  -webkit-transition: color 500ms ease-in-out 0s, background-color 500ms ease-in-out 0s;
  transition: color 500ms ease-in-out 0s, background-color 500ms ease-in-out 0s;
  white-space: normal;
}
img {
  -moz-transition: color 500ms ease-in-out 0s, opacity 500ms ease-in-out 0s;
  -ms-transition: color 500ms ease-in-out 0s, opacity 500ms ease-in-out 0s;
  -o-transition: color 500ms ease-in-out 0s, opacity 500ms ease-in-out 0s;
  -webkit-transition: color 500ms ease-in-out 0s, opacity 500ms ease-in-out 0s;
  transition: color 500ms ease-in-out 0s, opacity 500ms ease-in-out 0s;
  white-space: normal;
}
img:hover {
  opacity: 0.8;
}
/* end efek hover */
.text-kaki-kiri{
	padding-top: 3px;
  	color: #fff;
  	font-size: 13px;
  	position: absolute;
  	margin-left: -105px;
}
.text-kaki-kanan{
	padding-top: 2px;
  	color: #fff;
  	font-size: 13px;
  	position: absolute;
  	margin-left: 664px;
}
.barbawah{
	background-color: #63B42F;
	border: none;
	min-height: 24px;
}
.barbawah-kiri {
  background-color:#35404D !important;
  padding:3px 15px;
  position: absolute;
  margin-left:-15px;
  width:250px;
}
.sembunyi{
	display: none;
}
#loadingAdd,#errorAdd,#loadingDel,#errorDel,#loadingSave,#errorSave{
	font-size: 13px;
}
#loadingAdd,#loadingDel,#loadingSave,#loading{
	color: #63B42F;
}
#errorAdd,#errorDel,#errorSave,#error{
	color:red;
}
.alert-success {
  background-color:#e6f9d9!important;
}